<template>
    <div style="max-width:1220px;margin: 0 auto">
        <el-card style="padding: 9px">
          <div style="display: flex;flex-wrap: wrap">
              <div v-for="cov in courseStore.tradeList" style="margin: 0 10px 10px 0">
                  <img :src="cov.cover" alt="" style="width: 280px;">
              </div>
          </div>
        </el-card>
    </div>
</template>
<script lang="ts">
export default {
    name: ""
}
</script>
<script setup lang="ts">
import {onMounted} from "vue";
import {useCourseStore} from "@/store/course";
const courseStore=useCourseStore()
onMounted(()=>{
    courseStore.getTradeList()
})
</script>

<style scoped>

</style>
